<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="simple" uri="MySimpleTag" %>
<%--
  Created by IntelliJ IDEA.
  User: 秋与月
  Date: 2022/11/23
  Time: 14:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>管理员主页</title>
    <link href="<c:url value="/css/ManagerHome.css"/>" rel="stylesheet"/>
    <link href="<c:url value="/plugins/fullPage/jquery.fullPage.css"/>" rel="stylesheet"/>
    <link href="<c:url value="/plugins/bootstrap-3.3.0/css/bootstrap.min.css"/>" rel="stylesheet"/>
    <link href="<c:url value="/plugins/material-design-iconic-font-2.2.0/css/material-design-iconic-font.min.css"/>" rel="stylesheet"/>
    <link href="<c:url value="/plugins/waves-0.7.5/waves.min.css"/>" rel="stylesheet"/>
    <link href="<c:url value="/plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.min.css"/>" rel="stylesheet"/>
    <link href="<c:url value="/css/admin.css"/>" rel="stylesheet"/>
    <link rel="stylesheet" href="<c:url value="/css/bootstrap-icons.css"/>">
    <link rel="stylesheet" href="<c:url value="/css/bootstrap.min.css"/>">
    <link rel="stylesheet" href="<c:url value="/css/bootstrap-admin.min.css"/>">
    <link rel="stylesheet" href="<c:url value="/css/style2.css"/>">

</head>
<body>
<header id="header">
    <ul id="menu">
        <li id="guide" class="line-trigger">
            <div class="line-wrap">
                <div class="line top"></div>
                <div class="line center"></div>
                <div class="line bottom"></div>
            </div>
        </li>
        <li id="logo" class="hidden-xs">
            <a href="<c:url value="/jsp/test2.html"/>">
                <img src="<c:url value="/img/img_5.png"/>"/>
            </a>
            <span id="system_title">管理员主页</span>
        </li>
        <li class="pull-right">
            <ul class="hi-menu">

                <li class="dropdown">
                    <a class="waves-effect waves-light" data-toggle="dropdown" >
                        <i class="him-icon zmdi zmdi-more-vert"></i>
                    </a>
                    <ul class="dropdown-menu dm-icon pull-right">
                        <li class="hidden-xs">
                            <a class="waves-effect" data-ma-action="fullscreen" href="javascript:fullPage();"><i class="zmdi zmdi-fullscreen"></i> 全屏模式</a>
                        </li>
                        <li>
                            <a class="waves-effect" href="/manager/login"><i class="zmdi zmdi-run"></i> 退出登录</a>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</header>
<section id="main">
    <!-- 左侧导航区 -->
    <aside id="sidebar">
        <!-- 个人资料区 -->
        <div class="s-profile">
            <a class="waves-effect waves-light" >
                <div class="sp-pic">
                    <img src="<c:url value="/img/img_6.png"/>"/>
                </div>
                <div class="sp-info">
                    管理员${manager.username}，欢迎进入
                    <i class="zmdi zmdi-caret-down"></i>
                </div>
            </a>
            <ul class="main-menu">
                <li>
                    <a class="waves-effect" href="javascript:Tab.addTab('个人资料', '/manager/profile/${manager.username}');"><i class="zmdi zmdi-account"></i> 个人资料</a>
                </li>
            </ul>
        </div>
        <!-- /个人资料区 -->
        <!-- 菜单区 -->
        <ul class="main-menu">
            <li>
                <a class="waves-effect" href="javascript:Tab.addTab('首页', 'home');" ><i class="zmdi zmdi-home"></i> 首页</a>
            </li>
            <li class="sub-menu system_menus system_1 0">
                <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-accounts-list"></i> 问卷管理</a>
                <ul>
                    <li><a class="waves-effect" href="javascript:Tab.addTab('审核问卷', '/manager/questionnaires');">审核问卷</a></li>
                </ul>
            </li>
            <li class="sub-menu system_menus system_1 3">
                <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-accounts"></i> 用户管理</a>
                <ul>
                    <li><a class="waves-effect" href="javascript:Tab.addTab('用户管理', '/manager/home/client');">更改信息</a></li>
                </ul>
            </li>
            <li class="sub-menu system_menus system_1 6">
                <a class="waves-effect" href="javascript:;"><i class="zmdi zmdi-lock-outline"></i> 权限管理</a>
                <ul>
                    <li><a class="waves-effect" href="javascript:Tab.addTab('权限管理', '/manager/managers');">管理管理员</a></li>
                </ul>
            </li>

            <li>
                <div class="upms-version">
                    &copy; web开发小组 2022
                </div>
            </li>
        </ul>
        <!-- /菜单区 -->
    </aside>
    <!-- /左侧导航区 -->
    <section id="content">
        <div class="content_tab">
            <ul id="tabs" class="tabs">
                <li id="tab_home" data-index="home" data-closeable="false" class="cur">
                    <span class="waves-effect waves-light">首页</span>
                </li>
            </ul>
        </div>
        <div class="content_main">
            <div id="iframe_home" class="iframe cur">
                <div class="bsa-main-wrapper">
                    <div class="bsa-main-content">
                        <!-- 内容都应该被包裹在此-->
                        <div class="container-fluid">
                            <div class="row g-3">
                                <input type="text" id="data" hidden value="${nocheck}">
                                <input type="text" id="data1" hidden value="${passNum}">
                                <input type="text" id="data2" hidden value="${nopassNum}">
                                <div class="col-xxl-3 col-xl-6">
                                    <div class="card border-0 shadow-sm text-white bsa-bg-color4 bsa-radius-15">
                                        <div class="card-body p-4">
                                            <div class="d-flex align-items-center justify-content-between">
                                                <div class="me-1">
                                                    <h6 class="mb-2 bsa-ellipsis">管理员人数</h6>
                                                    <h4 class="mb-1 bsa-ellipsis">${typeM}</h4>
                                                </div>
                                                <i class="bi bi-currency-yen fs-1"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-3 col-xl-6">
                                    <div class="card border-0 shadow-sm text-white bsa-bg-color3 bsa-radius-15">
                                        <div class="card-body p-4">
                                            <div class="d-flex align-items-center justify-content-between">
                                                <div class="me-1">
                                                    <h6 class="mb-2 bsa-ellipsis">用户总数</h6>
                                                    <h4 class="mb-1 bsa-ellipsis">${userNum}</h4>
                                                </div>
                                                <i class="bi bi-people fs-1"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-xxl-3 col-xl-6">
                                    <div class="card border-0 shadow-sm text-white bsa-bg-primary bsa-radius-15">
                                        <div class="card-body p-4">
                                            <div class="d-flex align-items-center justify-content-between">
                                                <div class="me-1">
                                                    <h6 class="mb-2 bsa-ellipsis">问卷总数</h6>
                                                    <h4 class="mb-1 bsa-ellipsis">${questionnaireNum}</h4>
                                                </div>
                                                <i class="bi bi-chat fs-1"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- 四个图表 -->
                                <div class="col-md-6">
                                    <div class="card border-0 shadow-sm">
                                        <div class="card-header bg-white">
                                            近七天问卷数量
                                        </div>
                                        <div class="card-body">
                                            <canvas id="chart-bar"></canvas>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="card border-0 shadow-sm">
                                        <div class="card-header bg-white">
                                            用户增长走势
                                        </div>
                                        <div class="card-body">
                                            <canvas id="chart-line"></canvas>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div class="card border-0 shadow-sm">
                                        <div class="card-header bg-white">
                                            问卷审核走势
                                        </div>
                                        <div class="card-body">
                                            <canvas id="chart-line2"></canvas>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-4">
                                    <div class="card border-0 shadow-sm">
                                        <div class="card-header bg-white">
                                            问卷审核数量占比图
                                        </div>
                                        <div class="card-body">
                                            <canvas id="chart-doughnut" height="300"></canvas>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </section>
</section>
<footer id="footer"></footer>

<script src="<c:url value="/plugins/jquery.1.12.4.min.js"/>"></script>
<script src="<c:url value="/plugins/bootstrap-3.3.0/js/bootstrap.min.js"/>"></script>
<script src="<c:url value="/plugins/waves-0.7.5/waves.min.js"/>"></script>
<script src="<c:url value="/plugins/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"/>"></script>
<script src="<c:url value="/plugins/BootstrapMenu.min.js"/>"></script>
<script src="<c:url value="/plugins/device.min.js"/>"></script>
<script src="<c:url value="/plugins/fullPage/jquery.fullPage.min.js"/>"></script>
<script src="<c:url value="/plugins/fullPage/jquery.jdirk.min.js"/>"></script>
<script src="<c:url value="/plugins/jquery.cookie.js"/>"></script>
<script src="<c:url value="/js/chart.min.js"/>"></script>
<script src="<c:url value="/js/chart1.js"/>"></script>
<script src="<c:url value="/js/admin.js"/>"></script>
</body>
</html>
